<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>活动页面</title>
	<style type="text/css">
		*{
		margin:0;
		padding:0;
		}
		html,
		body{
		height:100%;
		}
		.bg{
		position:absolute;
		z-index:-1;
		width:100%;
		height:100%;
		background:url("Page/bg.png") no-repeat center center;
		background-size:100%;
		}
		.left01{
		position:absolute;
		width:144px;
		height:55px;
		cursor:pointer;
		left:103px;
		top:258px;
		margin:auto;
		background:url("Page/zhongjiang1.png") no-repeat center center;
		background-size:100%;
		}
		.left02{
		position:absolute;
		width:144px;
		height:55px;
		left:103px;
		top:336px;
		cursor:pointer;
		margin:auto;
		background:url("Page/huodong1.png") no-repeat center center;
		background-size:100%;
		}
		
		.huodong2{
		position:absolute;
		width:880px;
		height:663px;
		right:114px;
		top:25px;
		margin:auto;
		background:url("Page/xiangqing2.png") no-repeat center center;
		background-size:100%;
		display:block;
		}
		.shuju{
		position:absolute;
		width:660px;
		height:400px;
		right:202px;
		top:202px;
		margin:auto;

		display:"block";
		font-size:22px;
		}
		li{
		padding:10px 25px 10px 25px;
		}
	</style>
</head>
<body>
<div class="bg" id="back"></div>
<div class="left01" id="button1"  onclick="zhongjiang()">.</div>
<div class="left02" id="button2"  onclick="xiangqing()">.</div>
<div class="huodong2" id="hd2"></div>
<marquee class="shuju" id="xinxi" behavior=scroll direction=up scrollamount=5 size=3>
	<ul id="content">

	</ul>
</marquee>
<script type="text/javascript">

		window.onload=function(){
			var s=abc.FromAndroid();
			var list=s.split(",");
			var arr=new Array();
			for(var i=0;i<list.length;i++){

				arr[i]=list[i];
			}

			var a="";
			for(var i=0;i<arr.length;i++){
				a+="<li>"+arr[i]+"</li>"+"<hr>";
			}
			console.log(a+"@@@");
			document.getElementById("content").innerHTML=a;
		}







		document.getElementById("button1").onmouseover=handMouse1;
		document.getElementById("button1").onmouseout=handMouse1;
		function handMouse1(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/zhongjiang2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/zhongjiang1.png) no-repeat center center";
			}
		}
		document.getElementById("button2").onmouseover=handMouse2;
		document.getElementById("button2").onmouseout=handMouse2;
		function handMouse2(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/huodong2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/huodong1.png) no-repeat center center";
			}
		}

		function zhongjiang(){
			console.log("zhongjiang");
			window.location.href="zhongjiang8205.html";
			}
		function xiangqing(){
			window.location.href="xiangqing8205.html";
			}
		</script>
</body>
</html>